<template>
         <div class="pics">
            <img class="pics" src='../../assets/catinfo_img/3.jpg' alt="">
            <img class="pics" src='../../assets/catinfo_img/4.jpg' alt="">
            <img class="pics" src='../../assets/catinfo_img/5.jpg' alt="">
            <img class="pics" src='../../assets/catinfo_img/6.jpg' alt="">
            <img class="pics" src='../../assets/catinfo_img/7.jpg' alt="">
            <img class="pics" src='../../assets/catinfo_img/8.jpg' alt="">
         </div>
</template>

<script>
export default {
    data() {
      return {
        imgs: [
          '../../assets/catinfo_img/1.jpg',
          '../../assets/catinfo_img/2.jpg',
        ]
      }
    }
  }
</script>

<style lang="less" scoped>
    .demo-image__lazy{
        height: 100%;
        overflow-y: scroll;
    }
    .pics{
        width:1200px;
        padding-top: 10px;
    } 
</style>